<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>URL路径表达式</title>
</head>
<body>
<h1>URL路径表达式：@{}</h1>
<h2>a标签中的绝对路径（没有参数）</h2>
<a href="http://www.baidu.com">传统写法跳转到百度</a><br>
<a th:href="@{http://www.baidu.com}">Thymeleaf路径表达式跳转到百度</a><br>

<h2>URL路径表达式，相对路径（实际开发中推荐使用）</h2>
<a th:href="@{/user/detail}">Thymeleaf方式跳转至：/user/detail</a><br>
<a href="/user/detail">传统方法跳转至：/user/detail</a>
</body>

<h2>绝对路径（带参数）（不推荐使用）</h2>
<a href="http://localhost:8080/test?username='Tom'">传统写法，绝对路径带参数：/test，并带参数username</a><br>
<a th:href="@{http://localhost:8080/test?username=zhangsan}">Thymeleaf写法，绝对路径带参数：/test，并带参数username</a>

<h2>相对路径（带参数）</h2>
<a href="/test?username='Tom'">传统写法，相对路径带参数：/test，并带参数username</a><br>
<a th:href="@{/test?username=zhangsan}">Thymeleaf写法，相对路径带参数：/test，并带参数username</a><br>

<h2>相对路径（带参数：后台获取的参数值）</h2>
<a th:href="@{'/test?username='+${user.username}}">相对路径：后台获取参数值</a><br>
<a th:href="@{'/test03/'+${user.username}}">相对路径：后台获取参数值</a><br>

<h2>相对路径（带多个参数）</h2>
<a th:href="@{'/test02?id='+${user.id}+'&username='+${user.username}+'&age='+${user.age}}">相对路径：带多个参数</a><br>
<a th:href="@{/test02(id=${user.id},username=${user.username},age=${user.age})}">相对路径：带多个参数（强烈推荐）</a><br>
<a th:href="@{'/test04/'+${user.id}+'/'+${user.username}+'/'+${user.age}}">相对路径：带多个参数</a><br>
</html>